/*
    * Vuescroll v4.6.10
    * (c) 2018-2018 Yi(Yves) Wang
    * Released under the MIT License
    * Github Link: https://github.com/YvesCoding/vuescroll
    */
.__vuescroll {
  position: relative;
  overflow: hidden;

  .__panel {
    box-sizing: border-box;
    position: relative;
    &.__hidebar::-webkit-scrollbar {
      width: 0;
      height: 0;
    }
    &.__native {
      height: 100%;
    }
    &.__slide {
      transform-origin: left top 0px;
      user-select: none;
      min-width: 100%;
      min-height: 100%;
    }
    &.__pure-native {
      width: 100%;
      height: 100%;
    }
  }

  .__view {
    position: relative;
    box-sizing: border-box;
    min-width: 100%;
    min-height: 100%;
  }

  .__rail-is-vertical,
  .__rail-is-horizontal {
    position: absolute;
    z-index: 1;
  }

  .__bar-is-vertical,
  .__bar-is-horizontal {
    cursor: pointer;
    position: relative;
    transition: opacity 0.5s;
    user-select: none;
    border-radius: inherit;
  }

  .__rail-is-vertical {
    top: 2px;
    bottom: 2px;
    right: 2px;
    .__bar-is-vertical {
      top: 0;
      width: 100%;
    }
  }

  .__rail-is-horizontal {
    right: 2px;
    left: 2px;
    bottom: 2px;
    .__bar-is-horizontal {
      left: 0;
      height: 100%;
    }
  }

  .__refresh,
  .__load {
    position: absolute;
    width: 100%;
    color: black;
    height: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    svg {
      margin-right: 10px;
      width: 25px;
      height: 25px;
      vertical-align: sub;
      path,
      rect {
        fill: #ff6700;
      }
    }
  }
  .__load-disabled {
    display: none;
  }
}
